<template>
    <div class="serviceInquiry" id="serviceInquiry">
        <div id="serviceInquiry2">
            <div>1.咨询、接待、引导服务</div>
            <div>接待大厅现场免费提供：免费接待，休息区，休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、桶装矿泉水（热水、冷水）、烟灰缸，纸巾，雨伞、手推车、轮椅等。</div>
            <div>2.瞻仰逝者遗体</div>
            <div>免费接待并使用：休息区，休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、烟灰缸，纸巾，雨伞、手推车、轮椅等。</div>
            <div>3.祭祀悼念区</div>
            <div>家属自行举行遗体悼念活动，免费使用祭祀场所、祭祀台、遗像台、祭祀香炉、免洗酒精消毒液、水果盘及水果贡品、工具车。</div>
            <div>4.独立待焚间</div>
            <div>免费使用待焚间、祭祀台、遗像台、免洗酒精消毒液、垃圾桶等，服务人员免费整理、推送遗体。</div>
            <div>5.公共休息室</div>
            <div>免费提供休息椅，茶水桌，茶水，一次性纸杯，免洗酒精消毒液、桶装矿泉水（热水、冷水）、烟灰缸，雨伞、手推车、轮椅等。</div>
            <div>6.祭奠费</div>
            <div>骨灰寄存室取未落葬骨灰祭奠。</div>
            <div>7.逝者资料档案、相关证明材料补办</div>
            <div>经办人需提供有关火化证明、死亡证明等</div>
            <div>8.火化结束办理手续、领取火化证件</div>
            <div>引导人员全程免费陪同、引导家属办理火化证明交给经办人自行保管</div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                interval3: '',
            }
        },
        props: {
            isScroll: {
                type: Boolean,
                default: false
            }
        },
        watch: {
            isScroll(nVal, oVal) {
                if (nVal) {
                    this.scrollView2()
                } else {
                    clearInterval(this.interval3)
                }
            }
        },
        mounted() {
        },
        beforeDestroy() {
            clearInterval(this.interval3)
        },
        methods: {
            scrollView2() {
                this.$nextTick(()=>{
                    let serviceInquiry = document.getElementById('serviceInquiry')	
                    let serviceInquiry2 = document.getElementById('serviceInquiry2')	
                    let startL = -serviceInquiry.offsetHeight
                    this.interval3 = setInterval(() => {
                        startL+=1
                        if (startL >= (serviceInquiry2.scrollHeight)) {
                            startL = -serviceInquiry.offsetHeight
                        }
                        serviceInquiry2.style.top = -startL + 'px'//上移高度
                    }, 30)
                })
            },
        },
    }
</script>
<style scoped lang="scss">
    .serviceInquiry {
        background: rgb(38, 80, 144);
        font-size: 70px;
        letter-spacing: 5px;
        text-align: left;
        text-indent: 140px;
        line-height: 120px;
        padding: 0 20px;
        height: 100%;
        overflow-y: scroll;
    }
    #serviceInquiry2 {
        position: relative;
    }
</style>